この手順では、Visual Studio で、DropDown for UWP/WinRT XAML を使用して UWP/WinRT XAML アプリケーションを作成します。
- Visual Studio で、［ファイル］→［新規作成］→［プロジェクト］を選択します。
- ［新しいプロジェクト］ダイアログボックスで、左ペインの言語を展開し、言語の下で［Windows ストア］を選択し、テンプレートリストで［新しいアプリケーション (XAML)］を選択します。名前を入力し、［OK］をクリックしてプロジェクトを作成します。
- MainPage.xaml をまだ開いていない場合は開きます。
- 開始タグ
<Page>を編集して、次の名前空間を追加します。コードのコピーxmlns:Xaml="using:C1.Xaml" - ページ内の
<Grid></Grid>タグを見つけ、次のマークアップを挿入して Grid の行を定義します。コードのコピー<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition/>
</Grid.RowDefinitions> - 行定義のすぐ下に、次のマークアップを使用して CheckBox を追加します。
コードのコピー
<CheckBox Content="AutoClose - determines if C1DropDown will automatically close when focus is lost." IsChecked="{Binding ElementName=c1DropDown1, Path=AutoClose, Mode=TwoWay}" Margin="10"/> - 次のマークアップを使用して、C1DropDownButton コントロールを追加します。
コードのコピー
<Xaml:C1DropDownButton Grid.Row="1" Background="White" x:Name="c1DropDown1" Padding="2" Width="150" HorizontalAlignment="Center" VerticalAlignment="Center" > </Xaml:C1DropDownButton> - 次に、Header のコンテンツを追加して、C1DropDownButton.Header をカスタマイズします。
コードのコピー
<Xaml:C1DropDownButton.Header>
<Border x:Name="dropDownBorder" Background="White" />
</Xaml:C1DropDownButton.Header>
ここまでの成果
この手順では、新しい Visual Studio 2013 Windows ストアアプリケーションを追加し、CheckBox コントロールを追加し、C1DropDownBox コントロールを追加してカスタマイズを開始しました。
関連トピック